<!--
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的文章修改页</title>

    <script src = "jquery-1.9.1.min.js"></script>
    <script>
        function mysub(type) {
            var title = jQuery("#title");
            var content = jQuery("#content");
            if(type == 2){
                //todo:清空操作
                return false;
            }
            //请求后端执行修改
            jQuery.getJSON("upart",{
                "id":id,
                "title":title.val(),
                "content":content.val()
            },function(data){
                if(data != null && data.succ == 1){
                    alert("恭喜：操作成功！");
                }else{
                    alert("抱歉：操作失败" + data.msg);
                }
            });
        }
        var id = 0;//得到文章id
        jQuery(function(){
            var parms = location.search;//?id = xxx
            id = parms.substring(1).split("=")[1];//id = xxx
            // alert(id);
            //1.请求后端获取当前文章详情，并将文章信息展示到页面
            jQuery.getJSON("reupart",{"id":id},function(data){
                if(data != null && data.succ == 1){
                    //查询文章成功
                    jQuery("#title").val(data.art.title);
                    jQuery("#content").val(data.art.content);
                }else{
                    //查询文章失败
                    alert("查询文章失败" + data.msg);
                }
            });
        });
    </script>
</head>
<body>
<div style="margin-left: 50px;margin-top: 30px;">
    <H1>文章修改</H1>
    标题:<input id = "title" type = "text">
    <p></p>
    正文：<textarea style = "width: 60%;height: 300px"></textarea>
    <p></p>
    <input  value = "提 交" type = "button" onclick="mysub(1)">
    <input  value = "清 空" type = "button" onclick="mysub(2)">
</div>
</body>
</html>-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的文章修改页</title>
    <script src="jquery-1.9.1.min.js"></script>
    <script>
        var id = 0; // 文章id

        function mysub(type) {
            var title = jQuery("#title");
            var content = jQuery("#content");
            if (type == 2) {
                // todo:清空操作
                return false;
            }
            // todo:非空效验
            // 请求后端执行修改
            jQuery.getJSON("upart", {
                "id": id,
                "title": title.val(),
                "content": content.val()
            }, function (data) {
                if (data != null && data.succ == 1) {
                    alert("恭喜：修改成功！");
                } else {
                    alert("抱歉：操作失败！" + data.msg);
                }
            });
        }

        jQuery(function () {
            var params = location.search; // ?id=xxx
            id = params.substring(1).split("=")[1]; // id=xxx
            // 1.请求后端获取当前文章详情，并将文章信息展示到页面
            jQuery.getJSON("reupart", {"id": id}, function (data) {
                if (data != null && data.succ == 1) {
                    // 查询文章成功
                    jQuery("#title").val(data.art.title);
                    jQuery("#content").val(data.art.content);
                } else {
                    alert("查询文章失败" + data.msg);
                }
            });

        });
    </script>
</head>
<body>
<div style="margin-left: 50px;margin-top: 30px;">
    <h1>文章修改</h1>
    标题：<input id="title" type="text">
    <p></p>
    正文：<textarea style="width: 60%;height: 300px;" id="content">

         </textarea>
    <p></p>
    <input value=" 提 交 " type="button" onclick="mysub(1)">
    <input value=" 清 空 " type="button" onclick="mysub(2)">
</div>
</body>
</html>
